<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/api-details.css">
</head>

<body>
    <!-- 1.头部 -->
    <header class="clearfix abs">
        <!-- logo -->
        <img src="./imgs/new-logo-white2.png" class="logo fl ml33 mt19">
        <!-- 导航 -->
        <ul class="nav clearfix abs colff">
            <li class="fl"><a href="#" class="font14">首页</a></li>
            <li class="fl active"><a href="#" class="font14">API</a></li>
            <li class="fl"><a href="#" class="font14">案例</a></li>
        </ul>
        <!-- 右侧登陆 -->
        <div class="right-box fr mr font12">
            <a href="#" class="col666">登录</a>
            <a href="#" class="colff">注册有礼</a>
        </div>
    </header>

    <!-- 2.banner -->
    <div class="banner rel">
        <div id="mydiv" style="height:350px;" class="rel"></div>
        <div class="container clearfix abs ban-con">
            <div class="fl ban-left tcenter">
                <img src="./imgs/API详情页_11.jpg" alt="">
                <ul class="clearfix tcenter col99">
                    <li class="fl">
                        <img src="./imgs/API详情页_smallicon_01.jpg" alt="">
                        <p>103</p>
                    </li>
                    <li class="fl">
                        <img src="./imgs/API详情页_smallicon_02.jpg" alt="">
                        <p>14245</p>
                    </li>
                    <li class="fl">
                        <img src="./imgs/API详情页_smallicon_03.jpg" alt="">
                        <p>623</p>
                    </li>
                </ul>
            </div>
            <div class="ban-right fr">
                <!-- 标题 -->
                <h3 class="font22">
                    身份实名认证
                    <span class="font12 col00bd">支持HTTPS</span>
                    <span class="font12 col00bd">企业专用</span>
                </h3>
                <ul class="clearfix exp">
                    <li>
                        <img src="./imgs/API03.jpg" alt="">
                        <span>限企业实名用户使用</span>
                    </li>
                    <li>
                        <img src="./imgs/API08.jpg" alt="">
                        <span>本接口需提供应用场景审核</span>
                    </li>
                    <li>
                        <img src="./imgs/API05.jpg" alt="">
                        <span>个人实名用户无法使用</span>
                    </li>
                </ul>
                <p class="font12 col666">检测姓名和身份证号是否一致，身份证验证。</p>
                <ul id="api-select" class="clearfix font12">
                    <li class="col00bd rel test">
                        <img src="./imgs/API详情页_17.jpg" alt="">
                        扫码测试
                        <div id="code">
                            <img src="./imgs/103-demo.png" alt="">
                        </div>
                    </li>
                </ul>

                <!-- 价格 -->
                <p class="mb28">
                    <span id="priceBox">￥1200</span>
                    <span class="font12 col99">（约<span id="timeBox">0.3000</span>元/次），仅限企业实名购买；</span>
                </p>

                <a href="#" id="apply" class="fweight colff">立即申请</a>

            </div>
        </div>
    </div>
    <!-- 内容 -->
    <section>
        <!-- 导航栏 -->
        <div id="remind">
            <ul class="container clearfix">
                <li class="checked">API文档</li>
                <li>错误码参照</li>
                <li>示例代码</li>
                <li>联系我们</li>
            </ul>
        </div>

        <!-- 窗口内容 -->
        <div class="content container clearfix">
            <!-- 左 -->
                <!-- API文档 -->
            <div class="con-left fl on">
                <div class="part1">
                    <p>
                        <span style="font-size: 14px;"><strong>接口地址</strong>：http://op.juhe.cn/idcard/query</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>返回格式</strong>：json</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>请求方式</strong>：http get/post</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>请求示例</strong>：http://op.juhe.cn/idcard/query?key=您申请的KEY&amp;idcard=&amp;realname=</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>接口备注</strong>：error_code为0时计费</span>
                    </p>
                    <a href="#">API测试工具</a>
                </div>
                <!-- 表格1 -->
                <div class="part2">
                    <div class="tit">
                        <p class="font16 fbold rel">请求参数说明 <span></span></p>
                    </div>
                    <table cellpadding="20px" cellspacing="0">
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
                <!-- 表格2 -->
                <div class="part3">
                    <div class="tit">
                        <p class="font16 fbold rel">返回参数说明 <span></span></p>
                    </div>
                    <table>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>error_code</td>
                            <td>int</td>
                            <td>返回码</td>
                        </tr>
                        <tr>
                            <td>reason		</td>
                            <td>string</td>
                            <td>返回说明</td>
                        </tr>
                        <tr>
                            <td>result		</td>
                            <td>object</td>
                            <td>返回结果集</td>
                        </tr>
                        <tr>
                            <td>realname		</td>
                            <td>string</td>
                            <td>属result,真实姓名</td>
                        </tr>
                        <tr>
                            <td>idcard		</td>
                            <td>string</td>
                            <td>属result,身份证号</td>
                        </tr>
                        <tr>
                            <td>res		</td>
                            <td>int</td>
                            <td>属result,匹配详情,1匹配,2不匹配</td>
                        </tr>
                    </table>

                <!-- JSON -->
                <div class="part4">
                    <div class="tit clearfix">
                        <p class="font16 fbold rel fl">JSON返回示例： <span></span></p>
                        <p class="bg127 colff fl">JSON在线格式化工具</p>
                    </div>
<pre>
{
    "reason": "成功",
                             
    "result": {
                                
    "idcard": "******************",/*身份证号码*/
                        
    "orderid":"J103202010151450419556",/*流水号*/
                        
    "res": 1 /*1：匹配 2：不匹配*/
                            
     },
                        
    "error_code": 0
                                            
 }
                        
</pre>
                </div>
                </div>
            </div>
                <!-- 错误代码展示 -->
            <div class="con-left fl">
                <h1>错误代码</h1>
                <div class="part1">
                    <p>
                        <span style="font-size: 14px;"><strong>接口地址</strong>：http://op.juhe.cn/idcard/query</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>返回格式</strong>：json</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>请求方式</strong>：http get/post</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>请求示例</strong>：http://op.juhe.cn/idcard/query?key=您申请的KEY&amp;idcard=&amp;realname=</span>
                    </p>
                    <p>
                        <span style="font-size: 14px;"><strong>接口备注</strong>：error_code为0时计费</span>
                    </p>
                    <a href="#">API测试工具</a>
                </div>
            </div>
                <!-- 示例代码 -->
            <div class="con-left fl">
                <h1>示例代码</h1>
                <div class="part2">
                    <div class="tit">
                        <p class="font16 fbold rel">请求参数说明 <span></span></p>
                    </div>
                    <table cellpadding="20px" cellspacing="0">
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
            </div>
                <!-- 联系我们 -->
            <div class="con-left fl">
                <h1>联系我们</h1>
            </div>
            <!-- 右 -->
            <div class="con-right fr">
                <div class="activity">
                    <h4>活动推荐/Activity</h4>
                    <ul>
                        <li><img src="./imgs/sfz-aside1.png"></li>
                        <li><img src="./imgs/details-aside02.png"></li>
                        <li><img src="./imgs/details-aside03.png"></li>
                    </ul>
                </div>
                <div class="like">
                    <h4>猜你喜欢</h4>
                    <ul>
                        <li class="clearfix">
                            <div class="pic tcenter fl"><img src="./imgs/API22.jpg"></div>
                            <div class="element fl">
                                <h3 class="font16 col666">短信API服务</h5>
                                <span class="font12 col99">三网合一短信通道，验证手机号。</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="pic tcenter fl"><img src="./imgs/API26.jpg"></div>
                            <div class="element fl">
                                <h3 class="font16 col666">银行卡四元素校验</h5>
                                <span class="font12 col99">检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="pic tcenter fl"><img src="./imgs/API30.jpg"></div>
                            <div class="element fl">
                                <h3 class="font16 col666">身份证查询</h3>
                                <span class="font12 col99">
                                    身份证归属地信息查询身份证归属地信息查询
                                    </span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="pic tcenter fl"><img src="./imgs/API33.jpg"></div>
                            <div class="element fl">
                                <h3 class="font16 col666">身份证OCR识别</h5>
                                <span class="font12 col99">
                                    支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、 身份证号、签发机关、有效期限，准确率98%以上</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="pic tcenter fl"><img src="./imgs/API36.jpg"></div>
                            <div class="element fl">
                                <h3 class="font16 col666">三网手机实名制认证</h5>
                                <span class="font12 col99">
                                    支持移动、联通号码；检验姓名、身份证、手机号码是否一致。</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

                
        </div>
        <!-- 蓝色banner图 -->
        <div class="banner2 rel">
            <div class="b-center abs rel">
                <h2 class="colff weight">现在注册，百款接口免费测试</h2>
                <a href="#" class="colff abs">免费注册</a>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="f-top clearfix">
                <ul class="fl clearfix">
                    <li>
                        <p class="font14 col18 tit">联系与支持</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">关于源码</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">快速入口</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">产品服务</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">解决方案</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                </ul>
                <div class="f-right fr tright">
                    <h4>微信公众号</h4>
                    <p class="font12 colb3">源码时代</p>
                    <img src="./imgs/showqrcode.jpg" alt="">
                </div>
            </div>
            <div class="f-bott clearfix font12">
                <p class="fl">
                    <img src="./imgs/bei1.png" alt="">
                    <img src="./imgs/bei2.png" alt="">
                    <span class="colb3">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </p>
                <div class="fr">
                    <span class="font12 colb3">源码大数据股份有限公司©版权所有</span>
                </div>
            </div>
        </div>
    </footer>







    <!-- 引入工具 -->
    <script src="./js/utils.js"></script>
    <!-- 引入粒子库 -->
    <script src="./lib/canvas-particle.js"></script>
    <!-- 引入swiper -->
    <script src="./lib/swiper/swiper-bundle.min.js"></script>
    <script src="./js/api-detalis.js"></script>
</body>

</html>